import React from 'react'
import Button from '@material-ui/core/Button'
import { TextField } from '@material-ui/core'
import MyHead from '../../components/MyHead'
import { DownOutline } from 'antd-mobile-icons';
import { FC } from 'react';
import { useCommonFunc } from '../../hooks/useCommon';

const Find:FC<any> = ({
  address,
}) => {
const { gotopage } = useCommonFunc()

  return (
    <div>
      <MyHead title='全部服务' >
        <div onClick={() => gotopage('/city')} style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#1677ff' }}>
          <span style={{ fontSize: 14 }}> {address ? address.city.name : '城市选择'} </span>
          <DownOutline />
        </div>
      </MyHead>
    </div>
  )
}

export default Find